﻿<!DOCTYPE html>
<html>
  <head>
    <title>练习一:容器</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/练习一_容器/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/练习一_容器/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片) -->
      <div id="u210" class="ax_default image">
        <img id="u210_img" class="img " src="images/index/u0.jpg"/>
      </div>

      <!-- loginpanel (动态面板) -->
      <div id="u211" class="ax_default ax_default_hidden" data-label="loginpanel" style="display:none; visibility: hidden">
        <div id="u211_state0" class="panel_state" data-label="State1" style="">
          <div id="u211_state0_content" class="panel_state_content">

            <!-- Unnamed (组 合) -->
            <div id="u212" class="ax_default" data-left="0" data-top="8" data-width="668" data-height="662">

              <!-- Unnamed (组 合) -->
              <div id="u213" class="ax_default" data-left="0" data-top="8" data-width="668" data-height="662">

                <!-- Unnamed (矩形) -->
                <div id="u214" class="ax_default box_2">
                  <div id="u214_div" class=""></div>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u215" class="ax_default line">
                  <img id="u215_img" class="img " src="images/index/u5.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u216" class="ax_default label">
                  <div id="u216_div" class=""></div>
                  <div id="u216_text" class="text ">
                    <p><span>手机号登录</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u217" class="ax_default label">
                  <div id="u217_div" class=""></div>
                  <div id="u217_text" class="text ">
                    <p><span>微信登录</span></p>
                  </div>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u218" class="ax_default line">
                  <img id="u218_img" class="img " src="images/index/u8.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u219" class="ax_default box_1">
                  <div id="u219_div" class=""></div>
                  <div id="u219_text" class="text ">
                    <p><span>&nbsp;&nbsp; &nbsp; 请输入手机号</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u220" class="ax_default box_1">
                  <div id="u220_div" class=""></div>
                  <div id="u220_text" class="text ">
                    <p><span>&nbsp;&nbsp; &nbsp; 请输入密码</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u221" class="ax_default box_1">
                  <img id="u221_img" class="img " src="images/index/u11.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u222" class="ax_default label">
                  <div id="u222_div" class=""></div>
                  <div id="u222_text" class="text ">
                    <p><span>登录</span></p>
                  </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u223" class="ax_default icon">
                  <img id="u223_img" class="img " src="images/index/u13.png"/>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u224" class="ax_default icon">
                  <img id="u224_img" class="img " src="images/index/u14.png"/>
                </div>

                <!-- Unnamed (单选按钮) -->
                <div id="u225" class="ax_default radio_button">
                  <label for="u225_input" style="position: absolute; left: 0px;">
                    <div id="u225_text" class="text ">
                      <p><span>十天内免登录</span></p>
                    </div>
                  </label>
                  <input id="u225_input" type="radio" value="radio" name="u225"/>
                </div>

                <!-- Unnamed (垂直线) -->
                <div id="u226" class="ax_default line">
                  <img id="u226_img" class="img " src="images/index/u16.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u227" class="ax_default label">
                  <div id="u227_div" class=""></div>
                  <div id="u227_text" class="text ">
                    <p><span>忘记密码？</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u228" class="ax_default label">
                  <div id="u228_div" class=""></div>
                  <div id="u228_text" class="text ">
                    <p><span>其他登录方式</span></p>
                  </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u229" class="ax_default icon">
                  <img id="u229_img" class="img " src="images/index/u19.png"/>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u230" class="ax_default icon">
                  <img id="u230_img" class="img " src="images/index/u20.png"/>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u231" class="ax_default icon">
                  <img id="u231_img" class="img " src="images/index/u21.png"/>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u232" class="ax_default icon">
                  <img id="u232_img" class="img " src="images/index/u22.png"/>
                </div>

                <!-- Unnamed (椭圆形) -->
                <div id="u233" class="ax_default ellipse">
                  <img id="u233_img" class="img " src="images/index/u23.png"/>
                </div>

                <!-- Unnamed (椭圆形) -->
                <div id="u234" class="ax_default ellipse">
                  <img id="u234_img" class="img " src="images/index/u23.png"/>
                </div>

                <!-- Unnamed (椭圆形) -->
                <div id="u235" class="ax_default ellipse">
                  <img id="u235_img" class="img " src="images/index/u23.png"/>
                </div>

                <!-- Unnamed (椭圆形) -->
                <div id="u236" class="ax_default ellipse">
                  <img id="u236_img" class="img " src="images/index/u23.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u237" class="ax_default label">
                  <div id="u237_div" class=""></div>
                  <div id="u237_text" class="text ">
                    <p style="font-size:14px;"><span style="font-family:'黑体';font-size:18px;">微信&nbsp; &nbsp; &nbsp;&nbsp; QQ&nbsp; &nbsp; &nbsp;&nbsp; 微博&nbsp; &nbsp; &nbsp; 人人&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span><span style="font-family:'Arial Normal', 'Arial';">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u238" class="ax_default label">
                  <div id="u238_div" class=""></div>
                  <div id="u238_text" class="text ">
                    <p><span>去注册 &gt;</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u239" class="ax_default icon">
                <img id="u239_img" class="img " src="images/index/u29.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u240" class="ax_default label">
                <div id="u240_div" class=""></div>
                <div id="u240_text" class="text ">
                  <p><span>使用短信验证登录</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u241" class="ax_default image">
              <img id="u241_img" class="img " src="images/index/u31.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u242" class="ax_default box_2">
        <div id="u242_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u243" class="ax_default box_2">
        <div id="u243_div" class=""></div>
      </div>
    </div>
  </body>
</html>
